<template>
    <div>
        <router-view />

        <van-tabbar route>
            <van-tabbar-item v-for="item in tabbar" replace :to="item.path" :icon="item.icon">{{ item.title }}</van-tabbar-item>
            <!-- <van-tabbar-item replace to="/Sort" icon="search">商城</van-tabbar-item>
            <van-tabbar-item replace to="/Cart" icon="home-o">直播</van-tabbar-item>
            <van-tabbar-item replace to="/My" icon="search">我的</van-tabbar-item> -->
        </van-tabbar>

    </div>
</template>

<script setup>
import { ref } from "vue";
const tabbar =([
    {
        path:"/Home",
        title:"首页",
        icon:"home-o"
    },
    {
        path:"/Sort",
        title:"商城",
        icon:"star-o"
    },
    {
        path:"/Cart",
        title:"直播",
        icon:"cart-o"
    },
    {
        path:"/My",
        title:"我的",
        icon:"friends-o"
    },
])
</script>

<style lang="scss" scoped></style>